<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="renderer" content="webkit|ie-comp|ie-stand">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>蜜鲜森7+调护级活性纯态蜜</title>
		<link rel="stylesheet" type="text/css" href="assets/css/reset.css" />
		<link rel="stylesheet" type="text/css" href="assets/css/flex.css" />
		<link rel="stylesheet" type="text/css" href="assets/css/animate.css" />
		<link rel="stylesheet" type="text/css" href="assets/css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="assets/css/skin/layer.css" />
		<link rel="stylesheet" type="text/css" href="assets/css/jquery.fullPage.css" />
		<link rel="stylesheet" type="text/css" href="assets/css/app_new.css" />
		<style type="text/css">
			* html .suspend {
				position: absolute;
				left: expression(eval(document.documentElement.scrollRight));
				top: expression(eval(document.documentElement.scrollTop+200));
			}
		</style>
		<script type="text/javascript" charset="utf-8">
			console.time("test");
			/*
			    # 按照宽高比例设定html字体, width=device-width initial-scale=1版
			    # @pargam win 窗口window对象
			    # @pargam option{
			      designWidth: 设计稿宽度，必须
			      designHeight: 设计稿高度，不传的话则比例按照宽度来计算，可选
			      designFontSize: 设计稿宽高下用于计算的字体大小，默认20，可选
			      callback: 字体计算之后的回调函数，可选
			    }
			    # return Boolean;
			    # xiaoweili@tencent.com
			    # ps:请尽量第一时间运行此js计算字体
			*/
			! function(win, option) {
				var count = 0,
					designWidth = option.designWidth,
					designHeight = option.designHeight || 0,
					designFontSize = option.designFontSize || 20,
					callback = option.callback || null,
					root = document.documentElement,
					body = document.body,
					rootWidth, newSize, t, self;
				root.style.width = '100%';
				//返回root元素字体计算结果
				function _getNewFontSize() {
					var scale = designHeight !== 0 ? Math.min(win.innerWidth / designWidth, win.innerHeight / designHeight) : win.innerWidth / designWidth;
					console.log(win.innerHeight, designHeight);
					return parseInt(scale * 10000 * designFontSize) / 10000;
				}! function() {
					rootWidth = root.getBoundingClientRect().width;
					self = self ? self : arguments.callee;
					//如果此时屏幕宽度不准确，就尝试再次获取分辨率，只尝试20次，否则使用win.innerWidth计算
					if(rootWidth !== win.innerWidth && count < 20) {
						win.setTimeout(function() {
							count++;
							self();
						}, 0);
					} else {
						newSize = _getNewFontSize();
						//如果css已经兼容当前分辨率就不管了
						if(newSize + 'px' !== getComputedStyle(root)['font-size']) {
							root.style.fontSize = newSize + "px";
							return callback && callback(newSize);
						};
					};
				}();
				//横竖屏切换的时候改变fontSize，根据需要选择使用
				win.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", function() {
					clearTimeout(t);
					t = setTimeout(function() {
						self();
					}, 300);
				}, false);
			}(window, {
				designWidth: 1920,
				designHeight: 1080,
				designFontSize: 100,
				callback: function(argument) {
					console.timeEnd("test")
				}
			});
		</script>
	</head>

	<body class="fm-pro">
		<div id="qrcode" style="display: none;">
			<img src="assets/img_new/qr-wx.png" />
			<img src="assets/img_new/qr-tb.png" />
		</div>
		<div class="suspend" style="width: 40px;">
			<dl>
				<dt class="IE6PNG"></dt>
				<dd class="suspendQQ">
					<a href="http://wpa.qq.com/msgrd?v=3&uin=369906345&site=qq&menu=yes" target="_blank"></a>
				</dd>
				<dd class="suspendTel">
					<a href="javascript:void(0);"></a>
				</dd>
			</dl>
		</div>
		<div class="fm-content JsFull">
			<div class="fm-page fm-page-1 section hidden" anim="{'name':'fadeIn'}">
				<div class="bd">
					<div class="suslide">
						<img src="assets/img_new/001.png" class="img001" />
						<img src="assets/img_new/002.png" class="img002" />
					</div>
					<div class="suslide">
						<img src="assets/img_new/003.jpg" class="img003" />
						<img src="assets/img_new/002.png" class="img002" />
					</div>
				</div>
				<!--<div class="hd">
					<ul>
						<li></li>
						<li></li>
					</ul>
				</div>-->
			</div>
			<div class="fm-page fm-page-2 section">
				<img src="assets/img_new/004.png" class="img004" />
			</div>
			<div class="fm-page fm-page-3 section">
				<div class="bgclfff"></div>
				<img src="assets/img_new/005.jpg" class="img005" />
				<div class="suslide-wrap">
					<div class="bd">
						<div class="img006 imgbg"></div>
						<div class="img007 imgbg"></div>
						<div class="img008 imgbg"></div>
						<div class="img009 imgbg"></div>
					</div>
					<div class="btn-wrap">
						<div class="prev">
							<span class="fa fa-angle-left"></span>
						</div>
						<div class="next">
							<span class="fa fa-angle-right"></span>
						</div>
					</div>
				</div>
			</div>
			<div class="fm-page fm-page-4">
				<div class="wrap">
					<div class="bgrepeatx"></div>
					<img src="assets/img_new/11.png" class="img011" />
					<img src="assets/img_new/12.jpg" class="img012" />
					<img src="assets/img_new/13.png" class="img013" />
					<img src="assets/img_new/14.jpg" class="img014" />
				</div>
			</div>
			<div class="fm-page fm-page-5">
				<div class="wrap">
					<div class="bgtop"></div>
					<img src="assets/img_new/16.png" class="img016" />
				</div>
			</div>
			<div class="fm-page fm-page-6">
				<div class="wrap">
					<div class="bgyelow"></div>
					<img src="assets/img_new/17.png" class="img017" />
				</div>
			</div>
			<div class="fm-page fm-page-7">
				<div class="wrap">
					<div class="bggray"></div>
					<div class="bggray2"></div>
					<img src="assets/img_new/18.png" class="img018" />
					<img src="assets/img_new/19.jpg" class="img019" />
					<img src="assets/img_new/20.png" class="img020" />
					<div class="lb2">
						<div class="suslide-wrap">
							<div class="bd">
								<div class="img022-1 imgbg"></div>
								<div class="img022-2 imgbg"></div>
								<div class="img022-3 imgbg"></div>
								<div class="img022-4 imgbg"></div>
								<div class="img022-5 imgbg"></div>
								<div class="img022-6 imgbg"></div>
								<div class="img022-7 imgbg"></div>
							</div>
							<div class="btn-wrap">
								<div class="prev">
									<span class="fa fa-angle-left"></span>
								</div>
								<div class="next">
									<span class="fa fa-angle-right"></span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="assets/js/require.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" charset="utf-8">
			require(['app'], function(app) {
				'use strict';
				new app().init();
			});
		</script>
	</body>

</html>